<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no" />	
		<title>林业局</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/font-awesome.css" />
		<link rel="stylesheet" href="css/public.css" />
	</head>
	<body>
		<div class="bg">			
		</div>
		<div class="containe">
			<div class="all-bd">
			    <div class="row margin-bottom-10  vote-list-row">
				    <div class="col-xs-3 col-xs-offset-1 lei-name lei-name-two" >
				    	<span>姓</span><span>名</span>
				    </div>
				    <div class="col-xs-7 lei-input">
				    	<input type="text"/>
				    </div>
			    </div>
			    <div class="row margin-bottom-10 vote-list-row">
				    <div class="col-xs-3 col-xs-offset-1 lei-name lei-name-two" >
				    	<span>性</span>
				    	<span>别</span>
				    </div>
				    <div class="col-xs-7 lei-input">
				    	<select name="selectAge" id="selectAge">   
                           <option value="1">男</option>   
                           <option value="2">女</option>             
                        </select>                       
                        <div class="jt">
                        	<span class="fa fa-caret-down"></span>
                        </div>                       
				    </div>				    
			    </div>
			    <div class="row  margin-bottom-10 vote-list-row">
				    <div class="col-xs-3 col-xs-offset-1 lei-name lei-name-three" >
				    	<span>手</span><span>机</span><span>号</span>				    	
				    </div>
				    <div class="col-xs-7 lei-input" >
				    	<input type="text"/>
				    </div>
			    </div>
			    <div class="row margin-bottom-10 vote-list-row">
				    <div class="col-xs-3 col-xs-offset-1 lei-name lei-name-four" >
				    	<span>工</span>
				    	<span>作</span>
				    	<span>单</span>
				    	<span>位</span>				    	
				    </div> 
				    <div class="col-xs-3 lei-input margin-bottom-10" ">
				        <select name="selectAge" id="selectAge" class="selectx">   
                           <option value="1">上海市</option>   
                           <option value="2">江苏省</option>             
                        </select>
                        <div class="jt jtx">
                        	<span class="fa fa-caret-down"></span>
                        </div>
                    </div>   
                    <div class="col-xs-3 lei-input margin-bottom-10 col-xs-offset-1">
				    	<select name="selectAge" id="selectAge" class="selectx" >   
                           <option value="1">上海市</option>   
                           <option value="2">江苏省</option>             
                       </select>
                       <div class="jt jtx">
                           <span class="fa fa-caret-down"></span>
                       </div>
                    </div>			    	
				    <div class="col-xs-7 lei-input col-xs-offset-4 "  style="position: relative;">
				    	<input type="text" class="lei-address-input"/>
				    </div>
			    </div>
			    <div class="row margin-bottom-10 vote-list-row">
				    <div class="col-xs-3 col-xs-offset-1 lei-name lei-name-four"><span>工</span><span>作</span><span>岗</span><span>位</span></div>
				    <div class="col-xs-7 lei-input " >
				    	<select name="selectAge" id="selectAge">   
                           <option value="1">检验检疫</option>   
                           <option value="2">检验检疫</option>             
                        </select>
                        <div class="jt">
                           <span class="fa fa-caret-down"></span>
                       </div>
				    </div>
			    </div>
			    <div class="row margin-bottom-10 vote-list-row">
				    <div class="col-xs-3 col-xs-offset-1  lei-name  lei-name-four"><span>个</span><span>人</span><span>爱</span><span>好</span></div>
				    <div class="col-xs-7 lei-input" >
				    	<input type="text"/>
				    </div>
			    </div>
			    <div class="row margin-bottom-10 vote-list-row">
				    <div class="col-xs-3 col-xs-offset-1 lei-name lei-name-four"><span>竞</span><span>赛</span><span>宣</span><span>言</span></div>
				    <div class="col-xs-7 lei-input" >
				    	<input type="text"/>
				    </div>
			    </div>
			    <div class="tj-btn row tk-btn-row vote-list-row">
			    	<div class="col-xs-6 text-center">
			    		<a href="#" class="photo">上传照片</a>
			    	</div>
			    	<div class="col-xs-6 text-center">
			    		<a href="#" class="tj">提交</a>
			    	</div>
			    </div>
			    <div class="vote-blank">
					&nbsp;&nbsp;
				</div>
				
			</div>
		</div>
		
		<!--test-->
		<div class="tk">			
            <div class="image-editor text-center">
                <input type="file" class="cropit-image-input">
                <div class="cropit-preview" ></div>      
            </div>  
			<div class="row tk-btn-row">
			    <div class="col-xs-6 text-center tk-btn">
			    	<a href="#" id="ok">确认</a>
			    </div>
			    <div class="col-xs-6 text-center tk-btn">
			    	<a href="#" id="ok1">取消</a>
			    </div>
			</div>
		</div>
		
		<script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
        <script type="text/javascript" src="js/bootstrap.min.js" ></script>
        <script type="text/javascript" src="js/jquery.cropit.js" ></script>
        <script>
        $(document).ready(function(){
        	var photoHeight = $(".cropit-preview").width();
        	var tkwidth=$(".tk").width();
        	var tkwimg=$(".cropit-preview").width();
        	var tklast=(tkwidth-tkwimg)/2;      
        	alert(tkwimg);
        	$(".cropit-preview").height(photoHeight);
        	$(".cropit-preview").css("margin-left",tklast);
        	$(".photo").click(function(){
        		$(".tk").show();
        	});
        	$("#ok").click(function(){
        		$(".tk").hide();
        		$(".photo").html("再次上传");
        	});
        	$("#ok1").click(function(){
        		$(".tk").hide();
        	});
        });
        $(function() {
        $('.image-editor').cropit();

        $('form').submit(function() {
          // Move cropped image data to hidden input
          var imageData = $('.image-editor').cropit('export');
          $('.hidden-image-data').val(imageData);
          //window.open(imageData)

         
          // Prevent the form from actually submitting
          return false;
        });
      });	
        </script>
	</body>
</html>
